<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>简历预览</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="/css/see/reset.min.css">
    <!--<link rel="stylesheet" href="/plugins/iosselect/iosselect.css">-->
    <link rel="stylesheet" href="/css/happyi/resumePreview.min.css?v=<%=$version%>">
</head>
<body>
<div id="resumePreview" v-cloak>
    <div class="circleBar-top">
        <span class="goback" @click="getBack()"></span>
        {{name}}
        <span class="circleBar-sear"></span>
    </div>
    <div class="preview-top">
        <span class="topData" v-if="type!=1">{{preview.updateDate}}更新</span>
        <div class="preview-topHead" :style="bgimg(preview.portrait)">
            <strong></strong>
        </div>
        <h5 class="preview-topName">{{preview.name}}<strong :class="[preview.sex=='1'?'friendsList-boy':'friendsList-girl']"></strong></h5>
        <div class="preview-topUser">
            <span class="topUser-map">{{preview.locatedName}}</span>
            <span class="topUser-icon">{{preview.workingLifeName}}</span>
            <span class="topUser-icon1">{{preview.educationName}}</span>
        </div>
        <p>{{preview.corporateName}}</p>
    </div>
    <div class="preview-nav clearfix">
        <a><span class="preview-icon2" @click="getNext(1)">观看视频</span></a>
        <strong></strong>
        <a><span class="preview-icon3" @click="getNext(2)">图片附件</span></a>
    </div>
    <div class="preview-cent">
        <div class="preview-intention">
            <div class="preview-title">职业意向</div>
            <div class="preview-list">
                <p><strong>期望职位</strong><span>{{preview. functionsName}}</span></p>
                <p><strong>工作性质</strong><span>{{preview.workNatureName}}</span></p>
                <p><strong>期望地点</strong><span>{{preview.placeName}}</span></p>
                <p><strong>期望月薪</strong><span class="txtf44834">{{preview.salaryName}}</span></p>
            </div>
        </div>
        <div class="preview-info">
            <div class="preview-title">基本信息</div>
            <div class="preview-list">
                <p><strong>姓名</strong><span>{{preview.name}}</span></p>
                <p><strong>性别</strong><span>{{preview.sexName}}</span></p>
                <p><strong>最高学历</strong><span>{{preview.educationName}}</span></p>
                <p><strong>工作年限</strong><span>{{preview.workingLifeName}}</span></p>
                <p><strong>出生年份</strong><span>{{preview.birthday}}</span></p>
                <p><strong>所在城市</strong><span>{{preview.locatedName}}</span></p>
                <p><strong>联系电话</strong><span>{{preview.mobile}}</span></p>
                <p><strong>联系邮箱</strong><span>{{preview.email}}</span></p>
            </div>
        </div>
        <div class="preview-education">
            <div class="preview-title">教育经历</div>
            <div class="list-butt">
                <strong class="level" :style="'height:'+1.5*(preview.educationals&&preview.educationals.length-1)+'rem'"></strong>
                <div class="list-buttCent">
                    <div class="list-buttList" v-for="item in preview.educationals">
                        <span></span>
                        <h6>{{item.graduate}}<i></i>{{item.major}}<i></i>{{item.education}}</h6>
                        <p>{{item.enrolmentTime}}-{{item.graduationTime}}</p>
                    </div>
                    <!--<div class="list-buttList">-->
                        <!--<span></span>-->
                        <!--<h6>北京北京北京</h6>-->
                        <!--<p>公司名称</p>-->
                    <!--</div>-->
                </div>
            </div>
        </div>
        <div class="preview-experience">
            <div class="preview-title">工作经历</div>
            <div class="list-butt">
                <strong class="level" :style="'height:'+2.3*(preview.experiences&&preview.experiences.length-1)+'rem'"></strong>
                <div class="list-buttCent">
                    <div class="list-buttList" v-for="item in preview.experiences">
                        <span></span>
                        <h6>{{item.job}}<i></i>{{item.corporateName}}</h6>
                        <p>{{item.entryDate}}-{{item.outDate}}</p>
                        <div>{{item.workContent}}</div>
                    </div>
                    <!--<div class="list-buttList">-->
                        <!--<span></span>-->
                        <!--<h6>北京北京北京</h6>-->
                        <!--<p>公司名称</p>-->
                        <!--<div>描述描述描述</div>-->
                    <!--</div>-->
                </div>
            </div>
        </div>
        <div class="preview-describe">
            <div class="preview-title">自我描述</div>
            <p>{{preview.content}}</p>
        </div>
    </div>
    <div class="preview-butt" v-if="type!=1">
        <span class="preview-buttLeft" :class="[preview.collectionState=='1'?'preview-icon8':'preview-icon4']" @click="resumeCollection()">收藏</span>
        <span class="preview-buttLeft preview-icon5" :class="{'preview-icon6':preview.recruitState==3}" v-if="type==3" @click="notGoodResume()">不符</span>
        <span class="preview-buttRight" :class="{'preview-buttRight1':type==3}"><span class="preview-icon7">在线聊天</span></span>
    </div>
    <prompt-view ref="prompt"></prompt-view>
</div>
<script src='/plugins/js/jquery-1.11.3.min.js'></script>
<script type="text/javascript" src="/plugins/js/vue.min.js"></script>
<!--<script type="text/javascript" src="/plugins/iosselect/iosSelect.js"></script>-->
<!--<script type="text/javascript" src="/plugins/localResize/mobileFix.mini.js"></script>-->
<!--<script type="text/javascript" src="/plugins/localResize/exif.js"></script>-->
<!--<script type="text/javascript" src="/plugins/localResize/lrz.js"></script>-->
<script type="text/javascript" src="/js/happyi/resumePreview.js?v=<%=$version%>"></script>
</body>
</html>